<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<title>Dolteng Auto Generated</title>
</head>
<body>
<a href="/skyshare/login">login</a><br>
<div id="map" style="width:800px; height:600px"></div>
<div>
	<h3>新着スポット</h3>
	<ul>
		<!-- この要素をクリックすると地図で該当の場所を表示する。 -->
		<li id="newSpot_spotAId"><span>スポットA</span><span style="font-size:8px;">登録者：<a href="/skyshare/user/idxxxxxxxxxxxxxxx/">aaa</a>さん</span></li>
	</ul>
</div>

<script type="text/javascript" charset="utf-8" src="http://js.api.olp.yahooapis.jp/OpenLocalPlatform/V1/jsapi?appid=dj0zaiZpPVR3V3dtMzNJQ0V1ayZzPWNvbnN1bWVyc2VjcmV0Jng9NzU-"></script>
<script type="text/javascript">
window.onload = function(){
    var ymap = new Y.Map("map", 
    {
    	configure:{
    		doubleClickZoom:true,
    		scrollWheelZoom:true,
    		hybridPhoto:true,
    		weatherOverlay:false
    	}
    });
    ymap.addControl(new Y.LayerSetControl());
    ymap.addControl(new Y.SliderZoomControlVertical());
    ymap.drawMap(new Y.LatLng(35.66572, 139.73100), 6, Y.LayerSetId.NORMAL);
}
</script>
</body>
</html>